<template>
  <div class="top-bar">
    <nav-bar class="nav-bar">
      <div slot="left">
        <van-icon name="arrow-left" size="30" color="#fff"/>
      </div>
      <div slot="center" style="color: #fff; font-size:1.2rem;">我的</div>
      <div slot="right">
        <van-icon name="wap-home" size="30" color="#fff"/>
      </div>
    </nav-bar>
  </div>
</template>

<script>
import NavBar from 'components/common/navbar/NavBar.vue'
export default {
  name: 'topBar',
  data () {
    return {
    }
  },
  components: {
    NavBar
  }
}
</script>

<style scoped lang="scss">
.nav-bar {
  background-color: #b22222;
 }
</style>
